<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Creating a Date Selection widget as a selector</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ul.whs1 { list-style:disc; }
ol.whs2 { list-style:decimal; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nCreating a Date Selection widget\nCreating a Date Selection widget as a selector");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Creating a Date Selection widget as a selector</h1>
<p>If a Date Selection widget is created as a selector, the selector can 
 be displayed as a standard selector such as a listbox or button bar in 
 non-Flash modes in MicroStrategy Web. If you want to display the Date 
 Selection widget as a Grid/Graph, or hide it completely, in non-Flash 
 modes, create it as a widget instead. For instructions, see 
<a href="Defining_a_Calendar_Selector_widget.htm">Creating 
 a Date Selection widget as a widget</a>. A Date Selection widget created 
 as a selector allows multiple selections, unlike a Date Selection widget 
 created as a widget. </p>
<p>You can create a Date Selection widget from scratch or by applying its 
 style to an existing selector. The following procedure creates it from 
 scratch. </p>
<p>To apply the style to an existing selector, set the <span style="font-weight: bold;"><B>Flash 
 style</B></span> property (found in the Properties and Formatting dialog box) 
 to <span style="font-weight: bold;"><B>Date Selection</B></span>. </p>
<h3>Prerequisite</h3>
<p>The following procedure assumes that you have already created the target 
 Grid/Graph or panel stack, which must contain a date attribute, such as 
 Day or Quarter. For instructions, see 
<a href="Insert_panel_stack_into_document.htm">Inserting 
 a panel stack into a document</a> or 
<a href="Add_GG_to_documents.htm">Adding 
 Grid/Graphs to documents</a>.</p>
<h2>To create a Date Selection widget (using a selector)</h2>
<ol>
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>Open a document 
 in <span style="font-weight: bold;"><B>Design Mode</B></span>. </p></li>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>Expand the 
 document section where you want to place the selector by clicking the 
 plus sign next to the section name.</p></li>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>Click the 
 <span style="font-weight: bold;"><B>Insert </B></span>menu in the toolbar, scroll 
 to <span style="font-weight: bold;"><B>Selector</B></span><span>, </span>and 
 then select <span style="font-weight: bold;"><B>Date Selection</B></span>. </p></li>
	<ul type="disc" class="whs1">
		
<li class=p-Steps-No-Number-Indent><p class=Steps-No-Number-Indent>When 
 you move the cursor to the document layout area, the pointer becomes crosshairs.</p></li>
	</ul>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>Click in the 
 desired section of the document layout area. If you click and drag in 
 the section, you can size the selector. The selector is added to the document.</p></li>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>Right-click 
 the new selector, and select <font style="font-weight: bold;">Properties 
 and Formatting</font>. The Properties and Formatting dialog box opens.</p></li>
</ol>
<ol start=6>
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>Click 
 the <font style="font-weight: bold;">Selector <span style="font-weight: normal;">option</span></font>.</p></li>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>Select <font 
 style="font-weight: bold;">Select attribute element 
 <span style="font-weight: normal;">from the </span>Action Type </font>drop-down 
 list:</p></li>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>If you chose 
 <font style="font-weight: bold;">Select attribute element</font> as the 
 <font style="font-weight: bold;">Action Type</font>, select a <font style="font-weight: bold;">Source</font> 
 from the drop-down list. </p></li>
	<ul type="disc" class="whs1">
		
<li class=p-Steps-No-Number-Indent><p class=Steps-No-Number-Indent>The 
 <span style="font-weight: bold;"><B>Source</B></span> drop-down list contains 
 all of the attributes in all of the datasets in the document. The selector 
 displays the attribute elements of the attribute selected as the Source.</p></li>
	</ul>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>From the list 
 of <font style="font-weight: bold;">Available targets </font>on the left, 
 select Grid/Graph(s) and/or panel stack(s) and click <font style="font-weight: bold;">&gt;</font> 
 to add them to the list of <font style="font-weight: bold;">Selected targets</font>. 
 You can select single or multiple Grid/Graphs or panel stacks, or any 
 combination of Grid/Graphs and panel stacks. The target Grid/Graph displays 
 the attribute elements that the user chooses in the selector. </p></li>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>The Date Selection 
 style is viewable only in Flash Mode in MicroStrategy Web. In modes and 
 views other than Flash, the default display is the <span style="font-weight: bold;"><B>Listbox</B></span> 
 style; to change that, select a different <font style="font-weight: bold;">DHTML 
 style</font>. The DHTML styles are listed below:</p></li>
	<ul type="disc" class="whs1">
		
<li class=p-Steps-Bulleted-1><p class=Steps-Bulleted-1>Drop-down</p></li>
	</ul>
	<ul type="disc" class="whs1">
		
<li class=p-Steps-Bulleted-1><p class=Steps-Bulleted-1>Slider</p></li>
	</ul>
	<ul type="disc" class="whs1">
		
<li class=p-Steps-Bulleted-1><p class=Steps-Bulleted-1>Listbox</p></li>
	</ul>
	<ul type="disc" class="whs1">
		
<li class=p-Steps-Bulleted-1><p class=Steps-Bulleted-1>Radio Buttons</p></li>
	</ul>
	<ul type="disc" class="whs1">
		
<li class=p-Steps-Bulleted-1><p class=Steps-Bulleted-1>Check Boxes</p></li>
	</ul>
	<ul type="disc" class="whs1">
		
<li class=p-Steps-Bulleted-1><p class=Steps-Bulleted-1>Button Bar</p></li>
	</ul>
	<ul type="disc" class="whs1">
		
<li class=p-Steps-Bulleted-1><p class=Steps-Bulleted-1>Link Bar</p></li>
	</ul>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>For <span 
 style="font-weight: bold;"><B>Slider</B></span>, <span style="font-weight: bold;"><B>Radio 
 Buttons</B></span>, <span style="font-weight: bold;"><B>Check Boxes</B></span>, and 
 <span style="font-weight: bold;"><B>Button Bar</B></span> selector styles, the 
 <font style="font-weight: bold;">Orientation</font> option is available. 
 You can select whether to display the selector horizontally (on a single 
 line from left to right) or vertically (in a single column).</p></li>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>By default, 
 the selector shows the All option, which allows the user to display all 
 the attribute elements or metrics in the <span style="font-weight: bold;"><B>Target</B></span> 
 at once. To disable the All option, clear the <font style="font-weight: bold;">Show 
 option for all</font> check box. </p></li>
</ol>
<p class=Steps-No-Number-Indent style="margin-left: 40px;"><font style="font-weight: bold;">Note</font>: 
 This option is not available if the <span style="font-weight: bold;"><B>Style 
 </B></span><span>is set to </span><span style="font-weight: bold;"><B>Slider 
 </B></span><span>and the </span><span style="font-weight: bold;"><B>Allow multiple 
 selections</B></span><span> check box is selected. </span></p>
<ol start="13" type="1" class="whs2">
	
<li class=p-Steps><p class=Steps>By default, the All option (described 
 in the previous step) is displayed as (All) in the selector. You can overwrite 
 this by entering text into the <font style="font-weight: bold;">Alias 
 for All </font>field. </p></li>
</ol>
<p class=Steps-No-Number-Indent style="margin-left: 40px;"><font style="font-weight: bold;">Note</font>: 
 This option is available only if <font style="font-weight: bold;">Show 
 option for All</font> is selected.</p>
<ol start=14>
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>By 
 default, the <font style="font-weight: bold;">Allow multiple selections</font> 
 option is cleared for the <span style="font-weight: bold;"><B>Slider</B></span>, 
 <span style="font-weight: bold;"><B>Listbox</B></span>, <span style="font-weight: bold;"><B>Link</B></span> 
 <span style="font-weight: bold;"><B>Bar</B></span>, and <span style="font-weight: bold;"><B>Button 
 Bar</B></span> styles. To allow the user to choose multiple items in the selector, 
 select the <font style="font-weight: bold;">Allow multiple selections</font> 
 check box.</p></li>
	<ul type="disc" class="whs1">
		
<li class=p-Steps-No-Number-Indent><p class=Steps-No-Number-Indent>The 
 <font style="font-weight: bold;">Allow multiple selections</font> check 
 box allows the user to choose more than one item in the selector. For 
 all other styles, this check box is unavailable and the option is disabled, 
 since those styles do not support multiple selections. The one exception 
 is <span style="font-weight: bold;"><B>Check Boxes</B></span>, where the option 
 is enabled.</p></li>
	</ul>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>For <span 
 style="font-weight: bold;"><B>List Box</B></span> (when 
<a href="Flash_Mode.htm">Flash 
 Mode is enabled</a>), you can allow an item to be selected if the user 
 hovers the mouse over it without clicking. By default, the user must select 
 an item to change the target of the selector. To change this behavior, 
 select the <font style="font-weight: bold;">Change selection on mouseover</font> 
 property. </p></li>
	<ul type="disc" class="whs1">
		
<li class=p-Steps-No-Number-Indent><p class=Steps-No-Number-Indent>If 
 the user points the mouse away from the selector without clicking an item, 
 the target reverts to its previous state.</p></li>
	</ul>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>Click <font 
 style="font-weight: bold;">OK </font>to return to the document.</p></li>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>Switch to 
 <span style="font-weight: bold;"><B>Interactive Mode</B></span> to view and interact 
 with the selector. </p></li>
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>Save the document. 
 </p></li>
</ol>
<h3>Related topics</h3>
<ul type="disc" class="whs1">
	
<li class=p><p>
<a href="Analyzing_data_in_a_Calendar_Selector_widget.htm">Analyzing 
 data in a Date Selection widget</a></p></li>
	
<li class=p><p>
<a href="Formatting_the_Date_Selection_widget.htm">Formatting 
 data in a Date Selection widget</a></p></li>
	
<li class=p><p>
<a href="Defining_a_Calendar_Selector_widget.htm">Creating 
 a Date Selection widget as a widget</a></p></li>
	
<li class=p><p>
<a href="Creating_a_Date_Selection_widget.htm">Creating 
 a Date Selection widget</a></p></li>
	
<li class=p><p>
<a href="Flash_Mode.htm">Working with documents in Flash 
 Mode</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
